<template>
  <div>
    <div id="footer">
        <div>
            <ul class="linkes">
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="javascript:;">服务条款</a></li>
                <li><a href="javascript:;">加入我们</a></li>
                <li><a href="javascript:;">联系我们</a></li>
                <li><a href="javascript:;">隐私声明</a></li>
                <li><a href="javascript:;">广告服务</a></li>
            </ul>
        </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
#footer{
    width: 100%;
    height: 200px;
    background-color:#b3b0b0;
}


a{
	text-decoration: none;
}
.linkes {
	list-style: none;
	margin: 20px 90px 5px 80px;
	padding: 0;
	padding-bottom: 8px;
	height: 18px;
    display: flex;
    justify-content: space-around;
}
 .linkes a{
    color: #cccccc;
    text-align: center;
 }

.linkes li {
	display: inline-block;
    color: #cccccc;
}


</style>